<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<link href="${basePath}/static/css/Pigeonhole/Pigeonhole_list.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="${basePath}/static/css/medicalRecord_Search/medicalSearch.css"/>
<script type="text/javascript" src="${basePath}/static/publics/assets/jqPaginator/jqPaginator.js"></script>
<link rel="stylesheet" href="${basePath}/static/publics/assets/layer/layer_defined.css"/>
<script type="text/javascript" src="${basePath}/static/publics/assets/layer/layer.js"></script>
<div class="list_NR">
        <div class="loc">
            <h3>图片查询管理</h3>
            <ul class="loc_loc">病案查询 > 图片查询
            </ul>
        </div>
        
        
        
        <div class="list_con_table">
            <input type="hidden" value="${medRecordQuery.totalCounts }" id="totalCountsHidden">
			 <form action="${basePath}/medrecord/queryMedrecordImage" method="get" id="queryForm">
	        	<div class="search_table">
                <ul class="clearfix" style="margin-bottom:0;">
                    <li class="Label_1" style="width:12%">姓名：&nbsp;</li>
                    <li class="Label_2" style="width:17%"><input class="input_box" type="text"  name="name" value='${medRecordQuery.name }' /></li>
                    <li class="Label_1" style="width:12%">身份证：&nbsp;</li>
                    <li class="Label_2" style="width:17%"><input class="input_box" type="text"  name="idCard" value='${medRecordQuery.idCard }' /></li>
                    <li class="Label_1" style="width:12%">出院日期：&nbsp;</li>
                    <li class="Label_2" style="width:30%">
                    <input class="input_box" style="width:40%" type="text"  name="outHospitalStartDate" value='<fmt:formatDate value="${medRecordQuery.outHospitalStartDate}" pattern="yyyy-MM-dd"/>' onFocus="WdatePicker()"/>
                    <span>-</span>
                    <input class="input_box" style="width:40%" type="text"  name="outHospitalEndDate"  value='<fmt:formatDate value="${medRecordQuery.outHospitalEndDate}" pattern="yyyy-MM-dd"/>' onFocus="WdatePicker()"/>
                    </li>
                    
                    <li class="Label_5">
                        <div class="right">
                        	<input class="btn" type="submit" value="查询">
                        </div>
                    </li>
                </ul>
            </div>
	        </form>
			 
			 <form action="${basePath}/medrecord/queryMedrecordImage" method="get" id="pageForm">
	        	<input type="hidden" name="currentPage" value="${medRecordQuery.currentPage }" id="currentPageHidden">
	        	<input type="hidden" name="pageSize" value="${medRecordQuery.pageSize }" id="pageSizeHidden">
	        	
	        	<input  type="hidden"  name="name" value='${medRecordQuery.name}' />
	        	<input  type="hidden"  name="idCard" value='${medRecordQuery.idCard}' />
	        	<input  type="hidden"  name="outHospitalStartDate" value='<fmt:formatDate value="${medRecordQuery.outHospitalStartDate}" pattern="yyyy-MM-dd"/>'/>
	        	<input  type="hidden"  name="outHospitalEndDate"  value='<fmt:formatDate value="${medRecordQuery.outHospitalEndDate}" pattern="yyyy-MM-dd"/>'/>
	        	
	        </form>

        </div>
       
        <table class="Search_tableList" cellpadding="0" cellspacing="0">
     
            <tr>
                <td class="tdLabel_4">姓名</td>
                <td class="tdLabel_4">身份证号</td>
                <td class="tdLabel_4">识别码</td>
                <td class="tdLabel_4">出院日期</td>
                <td class="tdLabel_4">就诊类型</td>
                <td class="tdLabel_4">所属医院</td>
                <td class="tdLabel_4">操作</td>
            </tr>
            
           
            <tbody id="tbody">
            	<c:forEach var="med" items="${hospitalizationNotes }">
            		<tr>
            			
            			<td class='tdLabel_5'>${med.name}</td>
            			<td class='tdLabel_5'>${med.id_number}</td>
            			<td class='tdLabel_5'>${med.mr_id}</td>
            			<td class='tdLabel_5'><fmt:formatDate value="${med.out_hospital_date}" pattern="yyyy-MM-dd"/></td>
            			<td class='tdLabel_5'>${med.treatment_type_name}</td>
            			<td class='tdLabel_5'>${med.hospital_name }</td>
            			<td class='tdLabel_5'>
            				<%-- <a class="int" target="_blank" href="${basePath}/medrecord/showMedrecordImage?firstGuid=${med.first_level_medical_guid}" >图片预览</a> --%>
            				<a class="int" target="_blank" href="${basePath}/medrecord/manageMedrecordImage?firstGuid=${med.first_level_medical_guid}">图片管理</a>
            			</td>
            		</tr>
            	</c:forEach>
            </tbody>
               
           
        </table>


        <div class="pageList">
            <ul class="pagination clearfix" id="page_plus"></ul>
            <div class="pagination">
                <div>总共：<b id="totalPage">0</b> 条信息    当前页是第 <b id="currentPage">0/0</b>　页</div>
            </div>
        </div>
    </div>
<script type="text/javascript" src="${basePath}/static/publics/assets/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript">
	$(function(){
		var totalCounts = $("#totalCountsHidden").val();
		var pageSize = $("#pageSizeHidden").val();
		var currentPage = $("#currentPageHidden").val();
		initPage(parseInt(totalCounts),parseInt(pageSize),parseInt(currentPage));
	});
	
	function initPage(totalCounts,pageSize,currentPage){
		 var visiblePages = 5;
		 var totalPages =  totalCounts%pageSize==0?(totalCounts/pageSize):(parseInt(totalCounts/pageSize)+1);
		 $('#page_plus').jqPaginator({

		        totalCounts: totalCounts,
		        pageSize:pageSize,
		        visiblePages:visiblePages,
		        currentPage: currentPage,

		        first:'<li class="first"><a href="javascript:void(0);">首页</a></li>',
		        prev: '<li class="prev"><a href="javascript:void(0);">上一页</a></li>',
		        next: '<li class="next"><a href="javascript:void(0);">下一页</a></li>',
		        last: '<li class="last"><a href="javascript:void(0);">末页</a></li>',
		        page: '<li class="page"><a href="javascript:void(0);">{{page}}</a></li>',
		        onPageChange: function (num,type) {

		     		if(type !='init'){
		     			$("#currentPageHidden").val(num);
						$("#pageSizeHidden").val(pageSize);
						$("#pageForm").submit();
					}
		            $("#totalPage").html(totalCounts);
		            $("#currentPage").html(num+"/"+totalPages);
		            $("#currentPageHidden").val(currentPage);
				    $("#pageSizeHidden").val(pageSize);
		        }
		    });

	}
</script>